<h:form id="formRegiao" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui" >

    <script language="JavaScript" src = "scripts/script.js" />

    <h:panelGrid columns="1">

        <h:panelGroup>

            <h:outputText value="Nome" /><br/>
            <p:inputText value="#{regiaoBean.regiao.nome}" 
                         styleClass="up"
                         style="width: 390px"
                         required="true"
                         requiredMessage="Campo código requerido"/><br/>

        </h:panelGroup>

        <br/>
        
        <p:panel header="Meta Física">

            <h:panelGrid columns="4" 
                         style="width: 100%">

                <h:panelGroup>

                    <h:outputLabel value="1° ano*"/><br/>
                    <p:inputText styleClass="up" 
                                 value="#{regiaoBean.regiao.ano1}" 
                                 required="true"
                                 requiredMessage="O campo ano1 é requerido" 
                                 size="10"/>

                </h:panelGroup>

                <h:panelGroup>

                    <h:outputLabel value="2° ano*"/><br/>
                    <p:inputText styleClass="up" 
                                 value="#{regiaoBean.regiao.ano2}" 
                                 required="true"
                                 requiredMessage="O campo ano2 é requerido" 
                                 size="10"/>

                </h:panelGroup>

                <h:panelGroup>

                    <h:outputLabel value="3° ano*"/><br/>
                    <p:inputText styleClass="up" 
                                 value="#{regiaoBean.regiao.ano3}" 
                                 required="true"
                                 requiredMessage="O campo ano3 é requerido" 
                                 size="10"/>

                </h:panelGroup>

                <h:panelGroup>

                    <h:outputLabel value="4° ano*"/><br/>
                    <p:inputText styleClass="up" 
                                 value="#{regiaoBean.regiao.ano4}" 
                                 required="true"
                                 requiredMessage="O campo ano4 é requerido" 
                                 size="10"/>

                </h:panelGroup>
            </h:panelGrid>

        </p:panel>

    </h:panelGrid>

    <hr/>

    <p:commandButton id="btnGravar" value="Gravar" 
                     actionListener="#{regiaoBean.adicionarEditarFim}"
                     update="formRegiao" />

    <p:commandButton value="Cancelar" 
                     actionListener="#{regiaoBean.cancelar}"
                     immediate="true"/>

</h:form>


